export const detail = {
  header: `
## \`未开放组件，请勿使用\`
# Picker

> 此组件此套组件Popup，组合开发的选择弹窗。
`,
  codeExample: [
    {
      title: '### 类型 / 尺寸 / 状态',
      code: `
import React from 'react';
import Button from 'ararin-cmp-mobile'

class App extends React.Component<any, any> {
      
      render() {
         return (
            <div className="phone_button" style={{padding: '15vw 5vw 10vw', background: '#fff'}}>
                  <Button
                     type="default"
                     size="sm"
                     onClick={() => {this.setState({visible: true})}}
                  >sm 按钮</Button>
                  <Button
                     style={{marginTop: '3vw'}}
                     type="success"
                     state="loading"
                     size="sm"
                     onClick={() => {this.setState({visible: true})}}
                  >暂停 按钮</Button>
                  <Button
                     type="danger"
                     style={{marginTop: '3vw'}}
                     onClick={() => {console.log(22222)}}
                  >md 按钮</Button>
            </div>
         );
      }
}

export default App;`
    }, {
      title: '### 水波纹扩散',
      code: `
         // import...
         // import... 

         class App extends React.Component<any, any> {

               // constructor...
               // componentDidMount....
               
               render() {
                  return (
                     <div className="phone_button" style={{padding: '15vw 5vw 10vw', background: '#fff'}}>
                        <Button
                           ripple
                           size="lg"
                           style={{marginTop: '3vw'}}
                           type="primary"
                        >lg 水波纹按钮</Button>
                     </div>
                  );
               }
         }`
    }
  ],
  pramsDetail: `

  ----

  ### 参数设置
  
  | 参数 / params | 描述 / description  | 类型 / type | 默认 / default |
  | ------------- | -------------- | ---------------- | ---------------- |
  | type | 图标类型，具体可选参数在模拟器上可见 | \`string\` | 无 |
  | className | class类名，与React一致 | \`string\` | 无 |
  | iconState | 图标状态，可选\`spin\` 或 \`static\`时无效 | \`string\` | static |
  | style | 样式，与React一致 | \`React.CSSProperties\` | 无 |
  `
}